<template>
	<div>
		<heade v-if="data.type == 'header' && data.Classification == 'header'" :data="data" :defaultchanid="defaultchanid" :logo="logo"></heade>
		<swap v-if="data.type == 'module' && data.Classification == 'swap'" :data="data"></swap>
		<leftpage v-if="data.type == 'Staticpages' && data.Classification == 'leftpage'" :data="data"></leftpage>
		<rightpage v-if="data.type == 'Staticpages' && data.Classification == 'rightpage'" :data="data"></rightpage>
		<richtext v-if="data.type == 'richtext' && data.Classification == 'richtext'" :data="data"></richtext>
		<Collapse v-if="data.type == 'assembly' && data.Classification == 'Collapse'" :data="data"></Collapse>
		<Timeline v-if="data.type == 'assembly' && data.Classification == 'Timeline'" :data="data"></Timeline>
		<foote v-if="data.type == 'assembly' && data.Classification == 'foot'" :data="data"></foote>
	</div>
</template>
<script>
	import leftpage from '@/div/leftpage.vue'
	import rightpage from '@/div/rightpage.vue'
	import heade from '@/div/heade.vue'
	import swap from '@/div/swap.vue'
	import richtext from '@/div/richtext.vue'
	import Collapse from '@/div/Collapse.vue'
	import Timeline from '@/div/Timeline.vue'
	import foote from '@/div/foote.vue'
	export default {
		props: ['data', 'defaultchanid', 'logo'],
		components: {
			leftpage,
			rightpage,
			heade,
			swap,
			richtext,
			Collapse,
			Timeline,
			foote,
		},
		mounted() {},
	}
</script>
